﻿<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>配置历史版本</title>
<link rel="stylesheet" href="../frame/layui/css/layui.css">
<link rel="stylesheet" href="../frame/static/css/style.css">
<link rel="icon" href="../frame/static/image/code.png">
</head>
<body class="body">
	<!-- 工具集 -->
	<div class="my-btn-box">
		<span class="fl">
	        <a class="layui-btn btn-add btn-default" id="btn-refresh"><i class="layui-icon">&#x1002;</i></a>
	    </span>
	</div>
	
	<!-- 表格 -->
	<div id="dateTable">
		<table class="layui-hide" id="layer_table" lay-filter="useruv"></table>
	</div>
	
	<script type="text/javascript" src="../frame/layui/layui.js"></script>
	<script type="text/javascript" src="../js/index.js"></script>
	<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript">
	var tableIns;
	var sid ="";
	function reset(data) {
		sid= data.sid;
		// layui方法
	    layui.use(['table', 'form', 'layer', 'vip_table'], function () {
	        // 操作对象
	        var form = layui.form
	                , table = layui.table
	                , layer = layui.layer
	                , vipTable = layui.vip_table
	                , $ = layui.jquery;
	        $.ajaxSetup({
		    	complete:function(xhr,status){
		    		if(xhr.status == 401){
		    			window.top.location.href= "/login.html";
		    		}
		    	}
	    	});

	        // 表格渲染
	        tableIns = table.render({
	            elem: '#layer_table'                  //指定原始表格元素选择器（推荐id选择器）
	            , height: vipTable.getFullHeight()    //容器高度
	            , cols: [[                  //标题栏
	                  {field: 'service', title: '服务名', width: 500}
	                , {field: 'group', title: '集群', width: 100}
	                , {field: 'set', title: '分组', width: 100}
	                , {field: 'gatewaySet', title: '网关分组', width: 100}
	                , {field: 'version', title: '版本号', width: 100}
	                , {field: 'path', title: 'URL路径', width: 300}
	                , {field: 'text', title: '方法映射', width: 300}
	                , {field: 'tag', title: '方法tag', width: 300}
	                , {field: 'date', title: '更新日期', width: 300}
	                , {field: 'versionInfo', title: '版本号', width: 300}
	                , {fixed: 'right', title: '操作', width: 250, align: 'center', toolbar: '#barOption'} //这里的toolbar值是模板元素的选择器
	            ]]
	            , id: 'dataCheck'
	            , url: '/api/conf/listGatewayHisConf'
	            , method: 'post'
	            , page: true
	            , where:{'sid':sid}
	            , limits: [30, 60, 90, 150, 300]
	            , limit: 30 //默认采用30
	            , loading: false
	            , done: function (res, curr, count) {
	                //如果是异步请求数据方式，res即为你接口返回的信息。
	                //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
	            }
	        });

	        // 刷新
	        $('#btn-refresh').on('click', function () {
	            tableIns.reload();
	        });
	        table.on('tool(useruv)', function(obj){
	            var data = obj.data;
	            if(obj.event === 'recovery'){
	            	layer.confirm('确认恢复?', function(index){
	            		$.ajax({
	            			type : "get", //提交方式  
	            			url : "/api/conf/gatewayConfRecovery",//路径  
	            			data : {
	            				"sid" : data.sid,
	            				"versionInfo" : data.versionInfo
	            			},//数据，这里使用的是Json格式进行传输  
	            			dataType : 'json', //返回的数据格式：json/xml/html/script/jsonp/text
	            			success : function(result) {//返回数据根据结果进行相应的处理  
	            				layer.msg(result.msg);
	            				tableIns.reload();
	            				parent.tableIns.reload();  
	            			}
	            		});
	             	 });
	            }
	          });
	    });
	}
    
    </script>
    <!-- 表格操作按钮集 -->
	<script type="text/html" id="barOption">
    	<a class="layui-btn layui-btn-mini" lay-event="recovery">配置版本恢复</a>
	</script>
</body>
</html>